<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>${title}</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/resource/css/common.css"/>
	<script type="text/javascript" src="<%=request.getContextPath()%>/resource/js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="<c:url value='/resource/artdialog/artdialog.js?skin=${sys_theme}'/>"></script>
	<script type="text/javascript" src="<c:url value='/resource/artdialog/iframetools.js'/>"></script>
	<script type="text/javascript" defer="defer" src="<c:url value='/resource/js/My97DatePicker/WdatePicker.js'/>"></script>
	<script type="text/javascript">
		//分页
		function _goto(pageIndex){
			var _url="<c:url value='/oper/query/@.html'/>".replace("@",pageIndex);
			$("#query_form").attr("action",_url);
			$("#query_form").submit();
		}
		$(function(){
			//界面初始化
			$("#div_nav,#query_form").css({"width":$(window).width()});
			$("#tbl_datalist tr:even").css({
				"background-color" : "#f3fbfe"
			});
			var _tmp_bg = "#fff";
			$("#tbl_datalist tr").hover(function() {
				_tmp_bg = $(this).css("background-color");
				$(this).css("background-color", "#cce3c7");
			}, function() {
				$(this).css("background-color", _tmp_bg);
			});
			var _tbl_h = $(window).height() - 90;
			if ($.browser.msie && ($.browser.version == "6.0")) {
				_tbl_h -= 10;
			}
			$("#tbl_container").css({
				"height" : _tbl_h
			});
		});
	</script>  
</head>
<body style="margin:0 auto;">
 	<div>
		<div>
			<form id="query_form" method="post"   >
			 		
<table width="100%" border="0" cellspacing="0" cellpadding="4" style="background:#e9f8ff; border:1px solid #cbd9e4; font-size:14px;">
<tr>
			    		<td class="td_label">警号</td>
			    		<td class="td_text02"><input type="text" class="input1" id="userid" name="userid" style="width:120px;" value="${userid}" maxlength="8" onblur="this.value=this.value.replace(/[^0-9]/g,'');"/></td>
			    		<td class="td_label"   >姓名</td>
			    		<td class="td_text02" ><input type="text" class="input1" id="uname" name="uname" style="width:120px;" value="${uname}" maxlength="15" onblur="this.value=this.value.replace(/[^\w\b\u4e00-\u9fa5]/g,'');"/></td>
			    		<td class="td_label" >时间</td>
			    		<td  class="td_text02" style="width:240px">
			    		<input type="text" id="opertime1" name="opertime1" style="width:100px;" readonly="readonly" class="Wdate" value="${opertime1}" onclick="WdatePicker();"/>
			    		至
			    		<input type="text" id="opertime2" name="opertime2" style="width:100px;" readonly="readonly" class="Wdate" value="${opertime2}" onclick="WdatePicker();"/>
			    		</td>
			    		<td class="td_label">
							<a onclick="javascript:_goto(1);">查询</a>
			    		</td>
			    		<td></td>
		    		</tr>
</table>
			</form>
		</div>
		<div id="tbl_container">
			<table id="tbl_datalist" class="tbl_datalist" cellpadding="0" cellspacing="0">
	   			<thead>
		   			<tr>
		   				<th style="text-align:left">序号</th>
		   				<th style="text-align:left">警号</th>
		   				<th style="text-align:left">用户名称</th>
		   				<th style="text-align:left">用户部门</th>
		   				<th style="text-align:left">操作模块</th>
		   				<th style="text-align:left">操作内容</th>
		   				<th style="text-align:left">操作时间</th>
		   			</tr>
	   			</thead>
	   			<c:forEach var="data" items="${page.list}" varStatus="vs">
	   			<tr>
	   				<td  style="text-align: left;">${((page.pageIndex-1)*page.pageSize)+vs.count}</td>
	   				<td><p style="width:40px">${data.userid}</p></td>
		   			<td><p style="width:60px">${data.uname}</p></td>
		   			<td title="${data.deptName}"><p style="width:120px">${data.deptName}</p></td>
		   			<td><p style="width:100px">${data.modname}</p></td>
		   			<td title="${data.content}"><p style="width:200px"><a class="href_list" href="javascript:parent.view_snap(${data.dbId});">${data.content}</a></p></td>
		   			<td><p><fmt:formatDate value="${data.opertime}" pattern="yyyy-MM-dd HH:mm:ss"/></p></td>
	   			</tr>
	   			</c:forEach>
	   		</table>
	   	</div>
	   	<div style="clear:both;"></div>
		<jsp:include page="/common/pager.jsp"/>
    </div>
</body>
</html>